body {
  background-color: rgb(255, 255, 255);
}

.body {
  width: 1200px;
  /* border: 1px solid black; */
  /* height: 800px; */
  margin: 0 auto;
  background-color: rgb(228, 228, 228);

  /* background-color: rgb(208, 255, 0); */
}

/* 导航 */
.nav {
  width: 1200px;
  height: 80px;
  /* background-color: rgb(221, 168, 168); */
  line-height: 80px;
  /* position: relative; */
}

.nav ul li {
  list-style: none;
  float: left;
}

.nav ul li a {
  margin-left: 50px;
  color: black;
  text-decoration: none;
}

.nav ul li .li_a {
  margin-left: 300px;
  color: #0c53f7;
  /* text-decoration: none; */
}

.nav ul li a:hover {
  color: #31bfc3;
  /* text-decoration: underline; */
}

.img {
  width: 50px;
  margin-top: 15px;
  margin-left: 80px;
}

.nav ul li span {
  /* margin-left: -80px; */
  color: #0c53f7;

  margin-left: 5px;
}

.nav ul li p {
  font-size: 10px;
  margin-left: -180px;
  margin-top: 20px;
  color: #6a6c71;
}
/* 了解更多 */
.more {
  width: 1200px;
  height: 300px;
  background-color: black;
}
.more p {
  color: #fff;
}
.more .p1 {
  width: 300px;
  height: 50px;
  font-size: 24px;
  margin: 0 auto;
  padding-top: 50px;
}
.more .p2+
 {
  width: 600px;
  height: 50px;
  font-size: 12px;
  color: rgb(160, 149, 149);
  margin: 0 auto;
  padding-top: 30px;
  text-align: center;
}
.more .p4 {
  width: 120px;
  height: 40px;
  background-color: rgb(22, 183, 220);
  line-height: 40px;
  margin: 0 auto;
  text-align: center;
}
.more .p4 a {
  display: block;
  width: 120px;
  height: 40px;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
}
.more .p4 a:hover {
  color: #31bfc3;
  background-color: #fff;
}
/* 圆心 */
.circle {
  width: 1200px;
  height: 150px;
  /* text-align: center; */
  /* background-color: #fff; */
}
.circle p {
  float: left;
  width: 250px;
  height: 80px;
  border: 1px solid #666;
  margin: 0 auto;
  margin-left: 100px;
  margin-top: 30px;
}
.circle p span {
  display: block;
  float: left;
}
.circle p .sp1 {
  display: block;
  width: 50px;
  height: 50px;
  background-color: rgb(255, 152, 152);
  border-radius: 50%;
  margin-top: 15px;
  border: 1px solid gray;
  margin-left: 20px;
}
.circle p .sp2 {
  width: 80px;
  margin-top: 20px;
  margin-left: 15px;
  font-weight: 600;
}
.circle p .sp3 {
  font-size: 12px;
  margin-left: 15px;
  margin-top: 10px;
}
/* 省心套餐 */
.kiss {
  width: 1200px;
  height: 500px;
  /* background-color: greenyellow; */
}
.kiss h3 {
  width: 75px;
  height: 50px;
  /* background-color: antiquewhite; */
  margin: 0 auto;
  margin-top: 50px;
  text-align: center;
  line-height: 50px;
  border-bottom: 3px solid #31bfc3;
}
.kiss .div1 {
  float: left;
  width: 300px;
  height: 400px;
  background-color: #fff;
  /* margin: 0 auto; */
  margin-left: 80px;
  background-color: #f2f2f2;
  margin-top: 20px;
}
.kiss .div_h {
  width: 200px;
  height: 80px;
  margin: 0 auto;
  background-color: rgb(17, 214, 236);
  margin-left: 50px;
  text-align: center;
  margin-top: -16px;
}
.kiss .div_h p {
  width: 200px;
  /* background: #000; */
  color: #fff;
}
.kiss ul li {
  list-style: none;
  /* margin: 0 auto; */
  text-align: center;
  margin-top: 20px;
  margin-left: -35px;
}
.kiss p a {
  display: block;
  text-decoration: none;
  color: #fff;
  background-color: #31bfc3;
  width: 80px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: 0 auto;
  margin-top: 40px;
}
.kiss p a:hover {
  color: #31bfc3;
  background-color: #fff;
  border: 1px solid #31bfc3;
}
/* 热门服务 */
.hot {
  width: 1200px;
  height: 1000px;
  /* background-color: #fff; */
}

.hot h3 {
  width: 75px;
  height: 50px;
  /* background-color: antiquewhite; */
  margin: 0 auto;
  margin-top: 50px;
  text-align: center;
  line-height: 50px;
  border-bottom: 3px solid #31bfc3;
}

.hot ul {
  margin-left: 300px;
}

.hot ul li {
  float: left;
  width: 80px;
  height: 40px;
  margin-left: 20px;
  background-color: #31bfc3;
  text-align: center;
  line-height: 40px;
  list-style: none;
}

.hot ul .ul_li1 {
  width: 80px;
  height: 40px;
  background-color: #fff;
  color: #31bfc3;
  border: 1px solid #31bfc3;
}

.hot ul li {
  width: 80px;
  height: 40px;
  border: 1px solid #31bfc3;
}

.hot ul .ul_li1 a {
  display: block;
  width: 80px;
  height: 40px;
  color: #31bfc3;
}

.hot ul li a {
  display: block;
  width: 80px;
  height: 40px;
  color: #fff;
  text-decoration: none;
}

.hot ul .ul_li1 a:hover {
  color: #fff;
  background-color: #31bfc3;
}

.hot ul li a:hover {
  color: #31bfc3;
  background-color: #fff;
}

.hot .p_p1 {
  float: left;
  width: 1200px;
  /* height: 400px; */
  /* background-color: blueviolet; */
  /* margin-left: 50px; */
  /* margin: 0 auto; */
}

.hot .p_p1 p {
  float: left;
  width: 300px;
  height: 400px;
  background-color: #fff;
  /* margin: 0 auto; */
  margin-left: 80px;
  background-color: #f2f2f2;
}

.hot .p_p1 p .s1 {
  display: block;

  width: 300px;
  height: 80px;
  margin-top: 260px;
  background-color: #ffffff;
  text-align: center;
  line-height: 80px;
}

.hot .p_p1 p .s2 {
  display: block;
  width: 200px;
  height: 60px;
  /* background-color: burlywood; */
  line-height: 60px;
}

.hot .p_p1 p .s3 {
  /* float: left; */
  display: block;
  margin-top: -60px;
  margin-left: 200px;
  width: 100px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  background-color: #31bfc3;
}

.hot .p_p1 p .s3 a {
  color: black;
  text-decoration: none;
}

.hot .p_p1 p .s3 a:hover {
  color: #fff;
}
/* 关于我们 */
.about {
  width: 1200px;
  height: 300px;
  /* background-color: blueviolet; */
}
.about .div_w {
  float: left;
  width: 600px;
  height: 300px;
  /* background-color: cadetblue; */
}
.about .div_w h3 {
  width: 100px;
  height: 40px;
  line-height: 40px;
  /* background-color: rgb(221, 46, 46); */
  text-align: center;
  border-bottom: 3px solid #31bfc3;
}
.about .div_w p a {
  display: block;
  width: 130px;
  height: 40px;
  background-color: rgb(35, 223, 195);
  color: #fff;
  text-decoration: none;
  border-radius: 40px;
  text-align: center;
  line-height: 40px;
  margin-top: 40px;
}
.about .div_w p a:hover {
  color: #31bfc3;
  background-color: #fff;
  border: 1px solid #31bfc3;
}
.about .div_h {
  float: left;
  width: 600px;
  height: 300px;
  /* background-color: rgb(191, 23, 23); */
}
.about .div_h p {
  width: 300px;
  height: 300px;
  background-color: rgb(206, 191, 191);
  border-radius: 50%;
  margin: 0 auto;
}
.team {
  width: 1200px;
  height: 400px;
  /* background-color: rgb(145, 35, 35); */
}
.team .div1,
.div2 {
  float: left;
  width: 600px;
  height: 400px;
}

.team .div1 p {
  width: 300px;
  height: 400px;
  margin-top: -0.01px;
  background-color: aliceblue;
  margin-left: 250px;
}
.team .div2 h3 {
  width: 100px;
  height: 40px;
  line-height: 40px;
  /* background-color: rgb(221, 46, 46); */
  text-align: center;
  border-bottom: 3px solid #31bfc3;
}
ul li {
  list-style: none;
}
.team .div2 .ql {
  float: left;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: aqua;
  margin-left: 60px;
  margin-top: 30px;
}
.team .div2 .qll {
  margin-left: -30px;
  background-color: rgb(102, 209, 26);
}
.team .div2 .ql:hover {
  background-color: rgb(102, 209, 26);
}
.team .div2 .qll:hover {
  background-color: aqua;
}

.team .div2 .hh {
  float: left;
  margin-top: 110px;
  margin-left: -67px;
}
/* 常见问题 */
.issue {
  width: 1200px;
  height: 350px;

  background-color: bisque;
}
.issue h3 {
  width: 100px;
  height: 40px;
  line-height: 40px;
  /* background-color: rgb(221, 46, 46); */
  text-align: center;
  border-bottom: 3px solid #31bfc3;
  margin: 0 auto;
}
.issue p {
  color: #31bfc3;
}

.issue .hhh {
  color: #050505;
  position: relative;
  /* display: none; */
}
.issue .hhh .ha {
  position: absolute;
  left: 1170px;
  top: -45px;
  color: #31bfc3;
  font-weight: 600;
  transform: rotate(-90deg);
}
.issue .hhh .ha:hover {
  transform: rotate(90deg);
}

/* 底部 */
.foot {
  width: 1200px;
  /* background-color: burlywood; */
}

.foot ul li {
  float: left;
  list-style: none;
}

.foot h2 {
  text-align: center;
}

.foot .div_d {
  width: 1000px;
  height: 80px;
  background-color: #fff;
  margin: 0 auto;
}

.foot .div_d ul li {
  width: 200px;
  height: 80px;
  /* background-color: rgb(162, 162, 196); */
  margin-left: 30px;
}

.foot .div_d li p {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-image: url(./../image/photo.jpg);
  background-repeat: no-repeat;
  background-size: 100px 50px;
}

.foot .div_d li .s4 a {
  float: left;
  color: rgb(224, 13, 178);
  text-decoration: none;
  font-weight: 900;
  font-size: 24px;
  margin-top: -60px;
  margin-left: 60px;
}

.foot .div_d li .s5 a {
  float: left;
  color: black;
  font-size: 12px;
  text-decoration: none;
  margin-top: -30px;
  margin-left: 60px;
}

.foot .div_d li .s5 a:hover {
  color: red;
}

.foot .ul_lii li img {
  width: 25px;
  height: 25px;
  margin-top: 15px;
  float: left;
}

.foot .ul_lii {
  width: 900px;
  height: 50px;
  /* background-color: rgb(162, 108, 43); */
  line-height: 50px;
  margin: 0 auto;
}

.foot .ul_lii li {
  margin-left: 20px;
}

.foot .ul_lii li a {
  /* display: block; */
  float: left;
  text-align: center;
  color: rgb(255, 255, 255);
  text-decoration: none;
  margin-top: 2px;
}

.foot .ul_lii li a:hover {
  color: coral;
}

.foot .ul_lii li .s6 {
  float: left;
  color: #fff;
  margin-left: 20px;
}

hr {
  width: 1100px;
}

.foot .dl {
  width: 1200px;
  height: 200px;
  background-color: black;
  color: #fff;
}

.dl dl {
  float: left;
  margin-top: 60px;
  margin-left: 50px;
}

.dl dl dt {
  margin-left: 40px;
  font-size: 24px;
}

.dl dl dd .ss {
  margin-top: 25px;
}

.dl dl dd a {
  display: block;
  color: #fff;
  text-decoration: none;
}

.dl dl dd a:hover {
  color: rgb(0, 251, 255);
}

.kong {
  float: left;
  width: 200px;
  /* background-color: rgb(0, 251, 255); */
  margin-left: 20px;
  margin-top: 40px;
  border-left: 2px solid rgb(255, 255, 255);
  border-right: 2px solid rgb(255, 255, 255);
}

.kong .kong1 {
  margin-top: 30px;
  font-size: 24px;
  /* text-align: left; */
}

.kong p {
  margin-top: -10px;
  text-align: center;
}

.kong2 {
  width: 200px;
  height: 100px;
  /* background-color: rgb(213, 24, 24); */
  float: left;
  margin-top: 60px;
  margin-left: 20px;
}

.kong2 p {
  text-align: center;
}

.kong2 .ppp {
  font-size: 17px;
}

.kong2 .pp {
  width: 80px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  /* background-color: rgb(111, 34, 34); */
  border: 1px solid #fff;
}

.kong2 .pp a {
  color: #fff;
  text-decoration: none;
}

.kong2 .pp a:hover {
  color: thistle;
}
